class Snake{
    //表示蛇头的元素
    head:HTMLElement;
    //蛇的身体
    bodies:HTMLCollection;//这个集合是实时刷新的

    //获取蛇的容器
    element:HTMLElement;
    constructor() {
        //这里要用as断言 不然元素类型不匹配
      this.head=document.querySelector('#she>div')! as HTMLElement;
      this.element=document.getElementById('she')!;

   this.bodies=this.element.getElementsByTagName('div');
    }
    //获取蛇的坐标 主要是蛇头的坐标
    get X(){
        return this.head.offsetLeft;
    }
    get Y(){
        return this.head.offsetTop;
    }
    //设置蛇头的坐标
    set X(value){
        this.head.style.left=value + 'px';
    }
    set Y(value){
        this.head.style.top=value + 'px';
    }
    //设置蛇增加身体的一个方法
addBody(){
        //往element里面添加一个div  把新的div放到蛇的容器的后面
    this.element.insertAdjacentHTML("beforeend","<div></div>")

}
}